<template>
	
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				list:[],
				user:[]
			};
		},
		
		onShow() {
			this.getUser()
			this.token = uni.getStorageSync('token')
			this.getList()
		},
		
		methods: {
			getList(){
				this.$http.get('wallet', {params:{ id:0}} ).then(res => {
					let one = res.data.data.data
					console.log(one)
					this.list = one
				}).catch(err => {
				
				})
			},
			getUser() {
				this.$http.get('user', {}).then(res => {
					this.user = res.data.data
					uni.setStorageSync('user', res.data.data)
				}).catch(err => {
			
				})
			},
			goApply(){
				uni.navigateTo({
					url:"/pages/wallet/apply?price="+this.user.money
				})
			}
		},
	};
</script>

<style scoped lang="scss">
	.page {
		padding: 84rpx 0 38rpx;
		background-color: #f9f9f9;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100vh;

		.section {
			margin: 0 30rpx;
			padding: 44rpx 36rpx 68rpx 60rpx;
			background: radial-gradient(circle, #22b14C, #22b14C);
			border-radius: 20rpx;

			.space-y-20 {

				&>view:not(:first-child),
				&>text:not(:first-child),
				&>image:not(:first-child) {
					margin-top: 40rpx;
				}

				.text {
					margin-left: 4rpx;
					color: #ffffff;
					font-size: 36rpx;
					font-family: SourceHanSansCN;
					line-height: 27rpx;
				}
			}

			.group {
				padding-left: 12rpx;

				.space-x-4 {

					&>view:not(:first-child),
					&>text:not(:first-child),
					&>image:not(:first-child) {
						margin-left: 8rpx;
					}
				}
			}

			.font_1 {
				font-size: 28rpx;
				font-family: SourceHanSansCN;
				line-height: 26rpx;
				color: #ffffff;
			}
		}

		.space-y-40 {

			&>view:not(:first-child),
			&>text:not(:first-child),
			&>image:not(:first-child) {
				margin-top: 80rpx;
			}
		}

		.group_2 {
			margin-top: 88rpx;
			margin-bottom: 160rpx;

			.group_3 {
				padding-left: 50rpx;
				padding-right: 50rpx;

				.text_2 {
					color: #000000;
				}
			}

			.space-y-38 {

				&>view:not(:first-child),
				&>text:not(:first-child),
				&>image:not(:first-child) {
					margin-top: 76rpx;
				}
			}

			.space-y-18 {

				&>view:not(:first-child),
				&>text:not(:first-child),
				&>image:not(:first-child) {
					margin-top: 36rpx;
				}

				.text_3 {
					margin-right: 32rpx;
				}
			}

			.font_3 {
				font-size: 28rpx;
				font-family: SourceHanSansCN;
				line-height: 26rpx;
				color: #000000;
			}

			.font_4 {
				font-size: 28rpx;
				font-family: SourceHanSansCN;
				line-height: 21rpx;
				color: #d43030;
			}

			.font_5 {
				font-size: 28rpx;
				font-family: SourceHanSansCN;
				line-height: 26rpx;
				color: #a6a6a6;
			}

			.space-x-10 {

				&>view:not(:first-child),
				&>text:not(:first-child),
				&>image:not(:first-child) {
					margin-left: 20rpx;
				}

				.font_6 {
					font-size: 28rpx;
					font-family: SourceHanSansCN;
					line-height: 21rpx;
					color: #a6a6a6;
				}
			}
		}

		.space-y-24 {

			&>view:not(:first-child),
			&>text:not(:first-child),
			&>image:not(:first-child) {
				margin-top: 48rpx;
			}
		}

		.button {
			margin-top: 100rpx;
			padding: 24rpx 0;
			background-color: #22b14C;
			border-radius: 20rpx;
			width: 626rpx;
			position: fixed;
			bottom: 30rpx;

			.text_7 {
				color: #ffffff;
			}
		}

		.font_2 {
			font-size: 32rpx;
			font-family: SourceHanSansCN;
			line-height: 30rpx;
		}
	}
</style>